/*
  @ 名称: 投影 | drop shadow
  @ 用法: 添加 .sl-shadow
  @ 实例: 
  
      <div class="sl-shadow">
        <!-- your context to go -->
      </div><!-- .sl-shadow -->

*/

// 不建议使用此Solution，渐进增强比较好（via wo_is神仙）
.sl-shadow {

  /* modern web browsers */
  @include box-shadow(1px 3px 12px #bbb);
  
  /* 一定要设置background, 不然 ie 会显示在字体上 */
  background: #fff;
  
  /* gte=ie8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Glow(color=#aaaaaa,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=0,strength=6) progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=90,strength=10) progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=180,strength=6) progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=270,strength=6)";
  
  /* lte=ie7 */
  *filter: 
    progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=0,strength=7)
    progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=90,strength=10)
    progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=180,strength=10)
    progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=270,strength=7);
}